<template>
    <div class="header">
      <div>
          <span class="ShoppingCart ">购物车</span>
          <span class="buy">我常卖</span>
          <span class="share">分享</span>
          <span @click="toClear">删除</span>
      </div>
  
    </div>
  </template>
  
  <script>
  export default {
      props: ['selectedNum'],
      methods: {
          toClear(){
              this.$emit('clear')
          }
      }
      
  }
  </script>
  
  <style scoped>
  .header {
      display: flex;
      justify-content: space-between;
  }
  .ShoppingCart{
    margin: 0 10px 20px 0;
  }
  .buy{
    margin: 0 10px 20px 0;
  }
  .share{
    margin:  0 10px 20px 0;
  }
  </style>
  